@charset "UTF-8";
/* public */
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
pre{font-family:"黑体" !important;white-space: pre-wrap;
word-wrap: break-word; }
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font-size: 14px; background:#fff; overflow-x:hidden; color: #333;  }
a{font-size:14px;text-decoration:none;  color: #333; transition: all .45s;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/

input,textarea,select{outline: none;font-family: "黑体" ; line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{ display: none;}
.fl{float:left;}
.fr{float:right;}
.z-container {width:79%;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width:79%;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;overflow: hidden;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
*:before,
*:after {
  z-index: -1;
}
/*font*/
@font-face {
  font-family: "CG";
  src: url("../font/Century Gothic.woff2") format("woff2"),
       url("../font/Century Gothic.woff") format("woff"),
       url("../font/Century Gothic.ttf") format("truetype"),
       url("../font/Century Gothic.eot") format("embedded-opentype"),
       url("../font/Century Gothic.svg") format("svg");
  font-weight:normal;
  font-style: normal;
}
body.fixed .z_header{transform:translateY(-100%);visibility:hidden;}
.z_header { height:100px;/*background:rgba(255, 255, 255, 0.2)!important;box-shadow:0 0 0 rgba(0,0,0,0.5);border-bottom: 1px solid rgba(255,255,255,0.1); */position: fixed; left: 0; top: 0; width: 100%;z-index: 12; overflow: hidden;}
.z_header:before{ content: ""; display: block; width: 0; opacity: 0; height: 100%; border-radius: 40px; background: #fff; transition: all .8s; position: absolute; left: 50%; top: 0;}
.z_header.on{box-shadow:0 0 10px rgba(0,0,0,0.5);background: #fff;}
.z_header.on .header_nav a{ color: #333;}
.z_header.on:before{ width: 120%; left: -10%; opacity: 1; }
.z_header .logo{ display:block;float: left; line-height: 60px; margin-left: 50px; margin-top:10px;transition: all 0.3s ease 0s;}
.z_header .logo img{ vertical-align: middle;}
.z_header .header_r{ float: right; width:50%;}
.header_nav { float: left; margin-right: 100px;}
.header_nav li:hover a,.header_nav li.active a{color: #d8c7b3;}
.header_nav li{ display: inline-block; line-height: 60px; margin-left: 20px; z-index: 1; position: relative;}
.header_nav li a{color:#fff; font-size:16px;}
.header_btn{ width: 154px;line-height: 60px; text-align: center;/* border-left: 1px solid #dedede;*/transition: all .6s; float: left; display: flex; align-items: center; justify-content: center; color:#fff; font-size:16px;}
.z_header.on .header_nav li{line-height:100px; }
.z_header.on .header_btn{line-height:100px; }

.index2 .header_nav li a{ color: #872227;}
.index2 .header_btn{ color: #872227;}
.index2 .mobile_btn span{ background: #872227;}


.index3 .header_nav li a{ color: #fff;}
.index3 .header_btn{ color: #fff;}
.index3 .mobile_btn span{ background: #fff;}


.z_header .a_img {
    display: block;
    float: left;
    line-height: 60px;
    margin-left: 50px;
    transition: all 0.3s ease 0s; margin-top:10px;
}
.header_btn.on{ background: #932228; color: #fff; }
.z_header.on .logo img{ vertical-align: middle;}

.z_header.on .logo{ display:none}
.z_header.on .a_img{ display:block}
.z_header.on .header_btn{ color: #872227;}
.z_header.on .mobile_btn span{ background: #872227;}

.z_header.on .header_btn.on{ color: #fff; line-height:60px;}

.header_btn.on .header_btn{ color: #fff;}
.z_header .a_img{ display:none;}

.index1 .logo{ display:block}
.index1 .a_img{ display:none}

.index2 .logo{ display:none}
.index2 .a_img{ display:block}

.index3 .logo{ display:block}
.index3 .a_img{ display:none}


.sou_btn{ margin-right: 154px;}
.sou_btn .iconfont{margin-right: 15px;}
.search_warp{float: left;}
.search_box{ background:rgba(255,255,255,.8); text-align: center;  float: left;width: 0px; transition: all .6s;}
.search_box .text{ border-bottom: 1px solid #932228; width: 100%;line-height: 59px;}
.search_box.on{width: 200px;}
.mobile_btn{cursor:pointer; margin-right: 15px; z-index: 4; justify-content: center; align-items: center; box-sizing: border-box;   }
.mobile_btn.on .line1{transform:rotate(45deg);transform-origin:5% 50%;}
.mobile_btn.on .line2{width:0;}
.mobile_btn.on .line3{transform:rotate(-45deg);transform-origin:5% 50%;}
.mobile_btn span{display:block; width:18px; height:1px; background:#fff; transition:all .45s;}
.nav_btn{ position: absolute; right: 0; top: 0; z-index: 111; } 
.mobile_btn .line2{margin:5px 0; width:12px; }

.nav_btn.on{background: #932228;color: #fff;}

.nav_btn.on .mobile_btn span{background: #fff;}
.slide_box{ background:url(../images/daohangbg.jpg) no-repeat; width: 36%; height: 100%; position: fixed; right: 0; top: 60px; padding: 50px; box-sizing: border-box; z-index: 3; transform: translateX(100%); transition: all .6s; z-index: 101;}
.slide_box.active{ transform: translateX(0);}
.z_mask{ width: 0%; height: 100%; position: fixed;  left: 0; top: 0; background: rgba(0,0,0,.5); transition: all .8s; z-index: 10;}
.z_mask.active{width: 100%;}
.slide_tit h3{ font-size: 30px; color:#932228;}
.slide_tit{ padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 25px;}
.slide_nav li{ margin-bottom:5vh; color:#932329; font-weight:bold;}
.slide_nav li>a{ font-size: 15px;color:#932329; font-weight:bold; }

.slide_nav .nav_down{ margin-top: 5px;}
.slide_nav .nav_down a{ color: #333; display: inline-block; margin-right: 20px; position: relative; line-height: 24px; font-weight:200;}
.slide_nav .nav_down a:before{ content:""; display: block; width: 0%; transition: all .6s; height: 1px; background: #932228; position: absolute; left: 50%; bottom: 0;}
.slide_nav .nav_down a.active,.slide_nav .nav_down a:hover{ color: #932228;}
.slide_nav .nav_down a.active:before,.slide_nav .nav_down a:hover:before{ width: 100%; left: 0;}
.swiper-slide {     -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform;}
.swiper-container {margin: 0 auto;  height: 100%; position: relative; overflow: hidden;  z-index: 1;}


.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box;}

@media screen and (max-width: 1400px) {
.banner .banner_text,.banner_logo{ bottom: 40px;}
.banner h3{ font-size: 36px; line-height: 40px;}
.banner p{ margin-top: 15px;}
.banner_logo{ right: 50px;}
.banner_logo em{ font-size: 36px;}
.swiper-pagination{ bottom: 150px;}
.slide_box{ padding: 20px 30px; }
.slide_tit{ padding-bottom: 20px; margin-bottom: 20px;}
.slide_tit h3{ font-size: 24px;}
.slide_nav li{ margin-bottom: 2.5vh;}

}
@media screen and (max-width: 1024px) {
.z_header{ height: 44px; line-height: 44px; border-bottom: 1px solid #dedede;}
.z_header .logo{ margin-left: 10px; line-height: 50px;}
.z_header .logo img{ max-height: 44px;}

.header_btn{ width:84px; line-height: 44px; font-size:15px;}

.header_nav { width: 100%; display: none;}
.sou_btn{ display: inline-block; margin: 0; float: none; border-left: none;}
.search_box{ width: 140px; display: inline-block;float: none}
.search_warp{ text-align: center; width: 100%; display: none;}
.search_box .text{ line-height: 49px;}
.slide_box{ width: 90%;  position: fixed; right: 0; top: 45px;}


}
@media screen and (max-width: 768px) {
.z_header{ height: 44px; line-height:44px; border-bottom: none;background-color:#872227;}
.z_header .logo{ margin-left: 10px; line-height: 50px; margin:0;}
.z_header .logo img{ max-height:44px; margin-top:-5px;}
.syswiper-wrap{ margin-top:-52px;}
.down .z_header{ border-bottom: 1px solid #dedede; background-color:#872227;}
}